
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>HTML Color Names</title>
  <meta name="description" content="HTML Color Names">
  <meta name="author" content="Franci Kapel">
  <link rel="stylesheet" href="/static/foundation.min.css">
  <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="/static/home.min.css?rev=2">
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-814714-1', 'auto');
  ga('send', 'pageview');

  </script>
</head>
<body>
<!-- Navigation -->
<div class="title-bar" data-responsive-toggle="realEstateMenu" data-hide-for="small">
  <button class="menu-icon" type="button" data-toggle></button>
  <div class="title-bar-title">HTML Color Codes</div>
</div>

<div class="top-bar hide-for-small-only zgornji" id="krneki" style="background: #fff;padding: .1rem;">
  <div class="top-bar-left">
    <ul class="menu vertical" data-responsive-menu="dropdown">
      <li class="menu-text"><img src="/img/html-color-codes.png" /></li>
    </ul>
  </div>
  <div class="top-bar-right">
    <ul class="dropdown menu" data-dropdown-menu>
      <li>
        <a href="#">LANGUAGE</a>
        <ul class="menu vertical">
          <li><a href="/" title="English">English</a></li>
		  <li><a href="/chinese/" title="Chinese">Chinese</a></li>
		  <li><a href="/codigos-de-colores-hexadecimales/" title="Spanish">Spanish</a></li>
		  <li><a href="/Codigos-de-Cores-HTML/" title="Portuguese">Portuguese</a></li>
		  <li><a href="/Cvetovye-kody-HTML/" title="Russian">Russian</a></li>
		  <li><a href="/japanese/" title="Japanese">Japanese</a></li>
		  <li><a href="/webfarben_hexcodes/" title="German">German</a></li>
		  <li><a href="/Korean/" title="Korean">Korean</a></li>
		  <li><a href="/Codes-couleur-HTML/" title="French">French</a></li>
		  <li><a href="/HTML-barvne-oznake/" title="Slovenian">Slovenian</a></li>
        </ul>
      </li>
    </ul>
  </div>
</div>

<div class="top-bar spodnji" id="realEstateMenu" style="background: #5caceb;padding: .1rem;">
  <div class="top-bar-left">
    <ul class="menu vertical medium-horizontal" data-responsive-menu="dropdown">
      <li><a href="/" title="COLOR TOOLS">COLOR TOOLS</a></li>
      <li><a href="/colors-from-image/" title="COLORS FROM IMAGE">COLORS FROM IMAGE</a></li>
	  <li><a href="/convert-color-format/" title="CONVERT COLOR FORMAT">CONVERT COLOR FORMAT</a></li>
      <li><a href="/color-names/" title="COLOR NAMES">COLOR NAMES</a></li>
		<li><a href="#">MORE TOOLS</a>
			<ul class="menu vertical" style="background: #5caceb;padding: .1rem;">
				<li><a href="/web-safe-colors/" title="WEBSAFE COLORS">WEBSAFE COLORS</a></li>
				<li><a href="/html-editor/" title="HTML EDITOR">HTML EDITOR</a></li>
			</ul>
		</li>
    </ul>
  </div>
</div>
<!-- /Navigation -->


    <div class="row" id="content">
      <div class="medium-8 columns">

        <div class="blog-post">
			<h2>Red color names</h2>
<p>
<table class="colortable">
<tr style="background-color:indianred;"><td>&nbsp;</td><td class="whitename">IndianRed</td><td class="white">CD5C5C</td><td>&nbsp;</td></tr>
<tr style="background-color:lightcoral;"><td>&nbsp;</td><td class="whitename">LightCoral</td><td class="white">F08080</td><td>&nbsp;</td></tr>
<tr style="background-color:salmon;"><td>&nbsp;</td><td class="whitename">Salmon   </td><td class="white">FA8072</td><td>&nbsp;</td></tr>
<tr style="background-color:darksalmon;"><td>&nbsp;</td><td class="whitename">DarkSalmon</td><td class="white">E9967A</td><td>&nbsp;</td></tr>
<tr style="background-color:lightsalmon;"><td>&nbsp;</td><td class="whitename">LightSalmon</td><td class="white">FFA07A</td><td>&nbsp;</td></tr>
<tr style="background-color:crimson;"><td>&nbsp;</td><td class="whitename">Crimson  </td><td class="white">DC143C</td><td>&nbsp;</td></tr>
<tr style="background-color:red;"><td>&nbsp;</td><td class="whitename">Red      </td><td class="white">FF0000</td><td>&nbsp;</td></tr>
<tr style="background-color:fireBrick;"><td>&nbsp;</td><td class="whitename">FireBrick</td><td class="white">B22222</td><td>&nbsp;</td></tr>
<tr style="background-color:darkred;"><td>&nbsp;</td><td class="whitename">DarkRed  </td><td class="white">8B0000</td><td>&nbsp;</td></tr>
</table>
</p>
			<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
			<!-- responsive below chart -->
			<ins class="adsbygoogle"
				 style="display:block"
				 data-ad-client="ca-pub-6483924506584584"
				 data-ad-slot="2050160143"
				 data-ad-format="auto"></ins>
			<script>
			(adsbygoogle = window.adsbygoogle || []).push({});
			</script>
<h2>Pink color names</h2>

<p>
<table class="colortable">
<tr style="background-color:pink;"><td>&nbsp;</td><td class="whitename">Pink     </td><td class="white">FFC0CB</td><td>&nbsp;</td></tr>
<tr style="background-color:lightpink;"><td>&nbsp;</td><td class="whitename">LightPink</td><td class="white">FFB6C1</td><td>&nbsp;</td></tr>
<tr style="background-color:hotpink;"><td>&nbsp;</td><td class="whitename">HotPink  </td><td class="white">FF69B4</td><td>&nbsp;</td></tr>
<tr style="background-color:deeppink;"><td>&nbsp;</td><td class="whitename">DeepPink </td><td class="white">FF1493</td><td>&nbsp;</td></tr>
<tr style="background-color:mediumvioletred;"><td>&nbsp;</td><td class="whitename">MediumVioletRed</td><td class="white">C71585</td><td>&nbsp;</td></tr>
<tr style="background-color:palevioletred;"><td>&nbsp;</td><td class="whitename">PaleVioletRed  </td><td class="white">DB7093</td><td>&nbsp;</td></tr>
</table>
</p>

<h2>Orange color names</h2>
<p>
<table class="colortable">
<tr style="background-color:lightsalmon;"><td>&nbsp;</td><td class="whitename">LightSalmon   </td><td class="white">FFA07A</td><td>&nbsp;</td></tr>
<tr style="background-color:coral;"><td>&nbsp;</td><td class="whitename">Coral    </td><td class="white">FF7F50</td><td>&nbsp;</td></tr>
<tr style="background-color:tomato;"><td>&nbsp;</td><td class="whitename">Tomato   </td><td class="white">FF6347</td><td>&nbsp;</td></tr>
<tr style="background-color:orangered;"><td>&nbsp;</td><td class="whitename">OrangeRed</td><td class="white">FF4500</td><td>&nbsp;</td></tr>
<tr style="background-color:darkorange;"><td>&nbsp;</td><td class="whitename">DarkOrange</td><td class="white">FF8C00</td><td>&nbsp;</td></tr>
<tr style="background-color:orange;"><td>&nbsp;</td><td class="whitename">Orange   </td><td class="white">FFA500</td><td>&nbsp;</td></tr>
</table>
</p>
<h2>Yellow color names</h2>
<p>
<table class="colortable">
<tr style="background-color:gold;"><td>&nbsp;</td><td class="whitename">Gold     </td><td class="white">FFD700</td><td>&nbsp;</td></tr>
<tr style="background-color:yellow;"><td>&nbsp;</td><td class="whitename">Yellow   </td><td class="white">FFFF00</td><td>&nbsp;</td></tr>
<tr style="background-color:lightyellow;"><td>&nbsp;</td><td class="whitename">LightYellow</td><td class="white">FFFFE0</td><td>&nbsp;</td></tr>
<tr style="background-color:lemonchiffon;"><td>&nbsp;</td><td class="whitename">LemonChiffon   </td><td class="white">FFFACD</td><td>&nbsp;</td></tr>
<tr style="background-color:lightgoldenrodyellow;"><td>&nbsp;</td><td class="whitename">LightGoldenrodYellow</td><td class="white">FAFAD2</td><td>&nbsp;</td></tr>
<tr style="background-color:papayawhip;"><td>&nbsp;</td><td class="whitename">PapayaWhip</td><td class="white">FFEFD5</td><td>&nbsp;</td></tr>
<tr style="background-color:moccasin;"><td>&nbsp;</td><td class="whitename">Moccasin </td><td class="white">FFE4B5</td><td>&nbsp;</td></tr>
<tr style="background-color:peachpuff;"><td>&nbsp;</td><td class="whitename">PeachPuff</td><td class="white">FFDAB9</td><td>&nbsp;</td></tr>
<tr style="background-color:palegoldenrod;"><td>&nbsp;</td><td class="whitename">PaleGoldenrod  </td><td class="white">EEE8AA</td><td>&nbsp;</td></tr>
<tr style="background-color:khaki;"><td>&nbsp;</td><td class="whitename">Khaki    </td><td class="white">F0E68C</td><td>&nbsp;</td></tr>
<tr style="background-color:darkkhaki;"><td>&nbsp;</td><td class="whitename">DarkKhaki</td><td class="white">BDB76B</td><td>&nbsp;</td></tr>
</table>
</p>
<h2>Purple color names</h2>
<p>
<table class="colortable">
<tr style="background-color:lavender;"><td>&nbsp;</td><td class="whitename">Lavender </td><td class="white">E6E6FA</td><td>&nbsp;</td></tr>
<tr style="background-color:thistle;"><td>&nbsp;</td><td class="whitename">Thistle  </td><td class="white">D8BFD8</td><td>&nbsp;</td></tr>
<tr style="background-color:plum;"><td>&nbsp;</td><td class="whitename">Plum     </td><td class="white">DDA0DD</td><td>&nbsp;</td></tr>
<tr style="background-color:violet;"><td>&nbsp;</td><td class="whitename">Violet   </td><td class="white">EE82EE</td><td>&nbsp;</td></tr>
<tr style="background-color:orchid;"><td>&nbsp;</td><td class="whitename">Orchid   </td><td class="white">DA70D6</td><td>&nbsp;</td></tr>
<tr style="background-color:fuchsia;"><td>&nbsp;</td><td class="whitename">Fuchsia  </td><td class="white">FF00FF</td><td>&nbsp;</td></tr>
<tr style="background-color:Magenta;"><td>&nbsp;</td><td class="whitename">Magenta  </td><td class="white">FF00FF</td><td>&nbsp;</td></tr>
<tr style="background-color:mediumorchid;"><td>&nbsp;</td><td class="whitename">MediumOrchid   </td><td class="white">BA55D3</td><td>&nbsp;</td></tr>
<tr style="background-color:mediumpurple;"><td>&nbsp;</td><td class="whitename">MediumPurple   </td><td class="white">9370DB</td><td>&nbsp;</td></tr>
<tr style="background-color:#9966CC;"><td>&nbsp;</td><td class="whitename">Amethyst </td><td class="white">9966CC</td><td>&nbsp;</td></tr>
<tr style="background-color:blueviolet;"><td>&nbsp;</td><td class="whitename">BlueViolet</td><td class="white">8A2BE2</td><td>&nbsp;</td></tr>
<tr style="background-color:darkviolet;"><td>&nbsp;</td><td class="whitename">DarkViolet</td><td class="white">9400D3</td><td>&nbsp;</td></tr>
<tr style="background-color:darkorchid;"><td>&nbsp;</td><td class="whitename">DarkOrchid</td><td class="white">9932CC</td><td>&nbsp;</td></tr>
<tr style="background-color:darkmagenta;"><td>&nbsp;</td><td class="whitename">DarkMagenta</td><td class="white">8B008B</td><td>&nbsp;</td></tr>
<tr style="background-color:purple;"><td>&nbsp;</td><td class="whitename">Purple   </td><td class="white">800080</td><td>&nbsp;</td></tr>
<tr style="background-color:indigo;"><td>&nbsp;</td><td class="whitename">Indigo   </td><td class="white">4B0082</td><td>&nbsp;</td></tr>
<tr style="background-color:slateblue;"><td>&nbsp;</td><td class="whitename">SlateBlue</td><td class="white">6A5ACD</td><td>&nbsp;</td></tr>
<tr style="background-color:darkslateblue;"><td>&nbsp;</td><td class="whitename">DarkSlateBlue  </td><td class="white">483D8B</td><td>&nbsp;</td></tr>
<tr style="background-color:mediumslateblue;"><td>&nbsp;</td><td class="whitename">MediumSlateBlue</td><td class="white">7B68EE</td><td>&nbsp;</td></tr>
</table>
</p>
<h2>Green color names</h2>
<p>
<table class="colortable">
<tr style="background-color:greenyellow;"><td>&nbsp;</td><td class="whitename">GreenYellow</td><td class="white">ADFF2F</td><td>&nbsp;</td></tr>
<tr style="background-color:chartreuse;"><td>&nbsp;</td><td class="whitename">Chartreuse</td><td class="white">7FFF00</td><td>&nbsp;</td></tr>
<tr style="background-color:lawngreen;"><td>&nbsp;</td><td class="whitename">LawnGreen</td><td class="white">7CFC00</td><td>&nbsp;</td></tr>
<tr style="background-color:lime;"><td>&nbsp;</td><td class="whitename">Lime     </td><td class="white">00FF00</td><td>&nbsp;</td></tr>
<tr style="background-color:limegreen;"><td>&nbsp;</td><td class="whitename">LimeGreen</td><td class="white">32CD32</td><td>&nbsp;</td></tr>
<tr style="background-color:palegreen;"><td>&nbsp;</td><td class="whitename">PaleGreen</td><td class="white">98FB98</td><td>&nbsp;</td></tr>
<tr style="background-color:lightgreen;"><td>&nbsp;</td><td class="whitename">LightGreen</td><td class="white">90EE90</td><td>&nbsp;</td></tr>
<tr style="background-color:mediumspringgreen;"><td>&nbsp;</td><td class="whitename">MediumSpringGreen</td><td class="white">00FA9A</td><td>&nbsp;</td></tr>
<tr style="background-color:springgreen;"><td>&nbsp;</td><td class="whitename">SpringGreen</td><td class="white">00FF7F</td><td>&nbsp;</td></tr>
<tr style="background-color:mediumseagreen;"><td>&nbsp;</td><td class="whitename">MediumSeaGreen </td><td class="white">3CB371</td><td>&nbsp;</td></tr>
<tr style="background-color:seagreen;"><td>&nbsp;</td><td class="whitename">SeaGreen </td><td class="white">2E8B57</td><td>&nbsp;</td></tr>
<tr style="background-color:forestgreen;"><td>&nbsp;</td><td class="whitename">ForestGreen</td><td class="white">228B22</td><td>&nbsp;</td></tr>
<tr style="background-color:green;"><td>&nbsp;</td><td class="whitename">Green    </td><td class="white">008000</td><td>&nbsp;</td></tr>
<tr style="background-color:darkgreen;"><td>&nbsp;</td><td class="whitename">DarkGreen</td><td class="white">006400</td><td>&nbsp;</td></tr>
<tr style="background-color:yellowgreen;"><td>&nbsp;</td><td class="whitename">YellowGreen</td><td class="white">9ACD32</td><td>&nbsp;</td></tr>
<tr style="background-color:olivedrab;"><td>&nbsp;</td><td class="whitename">OliveDrab</td><td class="white">6B8E23</td><td>&nbsp;</td></tr>
<tr style="background-color:olive;"><td>&nbsp;</td><td class="whitename">Olive    </td><td class="white">808000</td><td>&nbsp;</td></tr>
<tr style="background-color:darkolivegreen;"><td>&nbsp;</td><td class="whitename">DarkOliveGreen </td><td class="white">556B2F</td><td>&nbsp;</td></tr>
<tr style="background-color:mediumaquamarine;"><td>&nbsp;</td><td class="whitename">MediumAquamarine</td><td class="white">66CDAA</td><td>&nbsp;</td></tr>
<tr style="background-color:darkseagreen;"><td>&nbsp;</td><td class="whitename">DarkSeaGreen   </td><td class="white">8FBC8F</td><td>&nbsp;</td></tr>
<tr style="background-color:lightseagreen;"><td>&nbsp;</td><td class="whitename">LightSeaGreen  </td><td class="white">20B2AA</td><td>&nbsp;</td></tr>
<tr style="background-color:darkcyan;"><td>&nbsp;</td><td class="whitename">DarkCyan </td><td class="white">008B8B</td><td>&nbsp;</td></tr>
<tr style="background-color:teal;"><td>&nbsp;</td><td class="whitename">Teal     </td><td class="white">008080</td><td>&nbsp;</td></tr>
</table>
</p>
<h2>Blue color names</h2>
<p>
<table class="colortable">
<tr style="background-color:aqua;"><td>&nbsp;</td><td class="whitename">Aqua     </td><td class="white">00FFFF</td><td>&nbsp;</td></tr>
<tr style="background-color:cyan;"><td>&nbsp;</td><td class="whitename">Cyan     </td><td class="white">00FFFF</td><td>&nbsp;</td></tr>
<tr style="background-color:lightcyan;"><td>&nbsp;</td><td class="whitename">LightCyan</td><td class="white">E0FFFF</td><td>&nbsp;</td></tr>
<tr style="background-color:paleturquoise;"><td>&nbsp;</td><td class="whitename">PaleTurquoise  </td><td class="white">AFEEEE</td><td>&nbsp;</td></tr>
<tr style="background-color:aquamarine;"><td>&nbsp;</td><td class="whitename">Aquamarine</td><td class="white">7FFFD4</td><td>&nbsp;</td></tr>
<tr style="background-color:turquoise;"><td>&nbsp;</td><td class="whitename">Turquoise</td><td class="white">40E0D0</td><td>&nbsp;</td></tr>
<tr style="background-color:mediumturquoise;"><td>&nbsp;</td><td class="whitename">MediumTurquoise</td><td class="white">48D1CC</td><td>&nbsp;</td></tr>
<tr style="background-color:darkturquoise;"><td>&nbsp;</td><td class="whitename">DarkTurquoise  </td><td class="white">00CED1</td><td>&nbsp;</td></tr>
<tr style="background-color:cadetblue;"><td>&nbsp;</td><td class="whitename">CadetBlue</td><td class="white">5F9EA0</td><td>&nbsp;</td></tr>
<tr style="background-color:steelblue;"><td>&nbsp;</td><td class="whitename">SteelBlue</td><td class="white">4682B4</td><td>&nbsp;</td></tr>
<tr style="background-color:lightsteelblue;"><td>&nbsp;</td><td class="whitename">LightSteelBlue </td><td class="white">B0C4DE</td><td>&nbsp;</td></tr>
<tr style="background-color:powderblue;"><td>&nbsp;</td><td class="whitename">PowderBlue</td><td class="white">B0E0E6</td><td>&nbsp;</td></tr>
<tr style="background-color:lightblue;"><td>&nbsp;</td><td class="whitename">LightBlue</td><td class="white">ADD8E6</td><td>&nbsp;</td></tr>
<tr style="background-color:skyblue;"><td>&nbsp;</td><td class="whitename">SkyBlue  </td><td class="white">87CEEB</td><td>&nbsp;</td></tr>
<tr style="background-color:lightskyblue;"><td>&nbsp;</td><td class="whitename">LightSkyBlue   </td><td class="white">87CEFA</td><td>&nbsp;</td></tr>
<tr style="background-color:deepskyblue;"><td>&nbsp;</td><td class="whitename">DeepSkyBlue</td><td class="white">00BFFF</td><td>&nbsp;</td></tr>
<tr style="background-color:dodgerblue;"><td>&nbsp;</td><td class="whitename">DodgerBlue</td><td class="white">1E90FF</td><td>&nbsp;</td></tr>
<tr style="background-color:cornflowerblue;"><td>&nbsp;</td><td class="whitename">CornflowerBlue </td><td class="white">6495ED</td><td>&nbsp;</td></tr>
<tr style="background-color:mediumslateblue;"><td>&nbsp;</td><td class="whitename">MediumSlateBlue</td><td class="white">7B68EE</td><td>&nbsp;</td></tr>
<tr style="background-color:royalblue;"><td>&nbsp;</td><td class="whitename">RoyalBlue</td><td class="white">4169E1</td><td>&nbsp;</td></tr>
<tr style="background-color:blue;"><td>&nbsp;</td><td class="whitename">Blue     </td><td class="white">0000FF</td><td>&nbsp;</td></tr>
<tr style="background-color:mediumblue;"><td>&nbsp;</td><td class="whitename">MediumBlue</td><td class="white">0000CD</td><td>&nbsp;</td></tr>
<tr style="background-color:darkblue;"><td>&nbsp;</td><td class="whitename">DarkBlue </td><td class="white">00008B</td><td>&nbsp;</td></tr>
<tr style="background-color:navy;"><td>&nbsp;</td><td class="whitename">Navy     </td><td class="white">000080</td><td>&nbsp;</td></tr>
<tr style="background-color:midnightblue;"><td>&nbsp;</td><td class="whitename">MidnightBlue   </td><td class="white">191970</td><td>&nbsp;</td></tr>
</table>
</p>

<h2>Brown color names</h2>
<p>
<table class="colortable">
<tr style="background-color:cornsilk;"><td>&nbsp;</td><td class="whitename">Cornsilk </td><td class="white">FFF8DC</td><td>&nbsp;</td></tr>
<tr style="background-color:blanchedalmond;"><td>&nbsp;</td><td class="whitename">BlanchedAlmond </td><td class="white">FFEBCD</td><td>&nbsp;</td></tr>
<tr style="background-color:bisque;"><td>&nbsp;</td><td class="whitename">Bisque   </td><td class="white">FFE4C4</td><td>&nbsp;</td></tr>
<tr style="background-color:navajowhite;"><td>&nbsp;</td><td class="whitename">NavajoWhite</td><td class="white">FFDEAD</td><td>&nbsp;</td></tr>
<tr style="background-color:wheat;"><td>&nbsp;</td><td class="whitename">Wheat    </td><td class="white">F5DEB3</td><td>&nbsp;</td></tr>
<tr style="background-color:burlywood;"><td>&nbsp;</td><td class="whitename">BurlyWood</td><td class="white">DEB887</td><td>&nbsp;</td></tr>
<tr style="background-color:tan;"><td>&nbsp;</td><td class="whitename">Tan      </td><td class="white">D2B48C</td><td>&nbsp;</td></tr>
<tr style="background-color:rosybrown;"><td>&nbsp;</td><td class="whitename">RosyBrown</td><td class="white">BC8F8F</td><td>&nbsp;</td></tr>
<tr style="background-color:sandybrown;"><td>&nbsp;</td><td class="whitename">SandyBrown</td><td class="white">F4A460</td><td>&nbsp;</td></tr>
<tr style="background-color:goldenrod;"><td>&nbsp;</td><td class="whitename">Goldenrod</td><td class="white">DAA520</td><td>&nbsp;</td></tr>
<tr style="background-color:darkgoldenrod;"><td>&nbsp;</td><td class="whitename">DarkGoldenrod  </td><td class="white">B8860B</td><td>&nbsp;</td></tr>
<tr style="background-color:Peru;"><td>&nbsp;</td><td class="whitename">Peru     </td><td class="white">CD853F</td><td>&nbsp;</td></tr>
<tr style="background-color:chocolate;"><td>&nbsp;</td><td class="whitename">Chocolate</td><td class="white">D2691E</td><td>&nbsp;</td></tr>
<tr style="background-color:saddlebrown;"><td>&nbsp;</td><td class="whitename">SaddleBrown</td><td class="white">8B4513</td><td>&nbsp;</td></tr>
<tr style="background-color:sienna;"><td>&nbsp;</td><td class="whitename">Sienna   </td><td class="white">A0522D</td><td>&nbsp;</td></tr>
<tr style="background-color:brown;"><td>&nbsp;</td><td class="whitename">Brown    </td><td class="white">A52A2A</td><td>&nbsp;</td></tr>
<tr style="background-color:maroon;"><td>&nbsp;</td><td class="whitename">Maroon   </td><td class="white">800000</td><td>&nbsp;</td></tr>
</table>
</p>
<h2>White color names</h2>
<p>
<table class="colortable">
<tr style="background-color:white;"><td>&nbsp;</td><td class="whitename">White    </td><td class="white">FFFFFF</td><td>&nbsp;</td></tr>
<tr style="background-color:snow;"><td>&nbsp;</td><td class="whitename">Snow     </td><td class="white">FFFAFA</td><td>&nbsp;</td></tr>
<tr style="background-color:honeydew;"><td>&nbsp;</td><td class="whitename">Honeydew </td><td class="white">F0FFF0</td><td>&nbsp;</td></tr>
<tr style="background-color:mintcream;"><td>&nbsp;</td><td class="whitename">MintCream</td><td class="white">F5FFFA</td><td>&nbsp;</td></tr>
<tr style="background-color:azure;"><td>&nbsp;</td><td class="whitename">Azure    </td><td class="white">F0FFFF</td><td>&nbsp;</td></tr>
<tr style="background-color:aliceblue;"><td>&nbsp;</td><td class="whitename">AliceBlue</td><td class="white">F0F8FF</td><td>&nbsp;</td></tr>
<tr style="background-color:ghostwhite;"><td>&nbsp;</td><td class="whitename">GhostWhite</td><td class="white">F8F8FF</td><td>&nbsp;</td></tr>
<tr style="background-color:whitesmoke;"><td>&nbsp;</td><td class="whitename">WhiteSmoke</td><td class="white">F5F5F5</td><td>&nbsp;</td></tr>
<tr style="background-color:seashell;"><td>&nbsp;</td><td class="whitename">Seashell </td><td class="white">FFF5EE</td><td>&nbsp;</td></tr>
<tr style="background-color:beige;"><td>&nbsp;</td><td class="whitename">Beige    </td><td class="white">F5F5DC</td><td>&nbsp;</td></tr>
<tr style="background-color:oldlace;"><td>&nbsp;</td><td class="whitename">OldLace  </td><td class="white">FDF5E6</td><td>&nbsp;</td></tr>
<tr style="background-color:floralwhite;"><td>&nbsp;</td><td class="whitename">FloralWhite</td><td class="white">FFFAF0</td><td>&nbsp;</td></tr>
<tr style="background-color:ivory;"><td>&nbsp;</td><td class="whitename">Ivory    </td><td class="white">FFFFF0</td><td>&nbsp;</td></tr>
<tr style="background-color:antiquewhite;"><td>&nbsp;</td><td class="whitename">AntiqueWhite   </td><td class="white">FAEBD7</td><td>&nbsp;</td></tr>
<tr style="background-color:linen;"><td>&nbsp;</td><td class="whitename">Linen    </td><td class="white">FAF0E6</td><td>&nbsp;</td></tr>
<tr style="background-color:lavenderblush;"><td>&nbsp;</td><td class="whitename">LavenderBlush  </td><td class="white">FFF0F5</td><td>&nbsp;</td></tr>
<tr style="background-color:mistyrose;"><td>&nbsp;</td><td class="whitename">MistyRose</td><td class="white">FFE4E1</td><td>&nbsp;</td></tr>
</table>
</p>
<h2>Grey color names</h2>
<p>
<table class="colortable">
<tr style="background-color:gainsboro;"><td>&nbsp;</td><td class="whitename">Gainsboro</td><td class="white">DCDCDC</td><td>&nbsp;</td></tr>
<tr style="background-color:lightgrey;"><td>&nbsp;</td><td class="whitename">LightGrey</td><td class="white">D3D3D3</td><td>&nbsp;</td></tr>
<tr style="background-color:silver;"><td>&nbsp;</td><td class="whitename">Silver   </td><td class="white">C0C0C0</td><td>&nbsp;</td></tr>
<tr style="background-color:darkgray;"><td>&nbsp;</td><td class="whitename">DarkGray </td><td class="white">A9A9A9</td><td>&nbsp;</td></tr>
<tr style="background-color:gray;"><td>&nbsp;</td><td class="whitename">Gray     </td><td class="white">808080</td><td>&nbsp;</td></tr>
<tr style="background-color:dimgray;"><td>&nbsp;</td><td class="whitename">DimGray  </td><td class="white">696969</td><td>&nbsp;</td></tr>
<tr style="background-color:lightslategray;"><td>&nbsp;</td><td class="whitename">LightSlateGray </td><td class="white">778899</td><td>&nbsp;</td></tr>
<tr style="background-color:slategray;"><td>&nbsp;</td><td class="whitename">SlateGray</td><td class="white">708090</td><td>&nbsp;</td></tr>
<tr style="background-color:darkslategray;"><td>&nbsp;</td><td class="whitename">DarkSlateGray  </td><td class="white">2F4F4F</td><td>&nbsp;</td></tr>
<tr style="background-color:black;"><td>&nbsp;</td><td class="whitename">Black    </td><td class="white">000000</td><td>&nbsp;</td></tr>
</table>

        </div>

  </div>
  <div class="medium-4 columns hide-for-small-only">
	<div>
		<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
		<!-- hcc-sidebar-largesky -->
		<ins class="adsbygoogle"
			 style="display:inline-block;width:300px;height:600px"
			 data-ad-client="ca-pub-6483924506584584"
			 data-ad-slot="7892601824"></ins>
		<script>
		(adsbygoogle = window.adsbygoogle || []).push({});
		</script>
	</div>
  </div>
</div>

<footer>
  <div class="row">
    <div class="small-12 medium-6 columns">
      <p class="lead">COLOR TOOLS</p>
      <ul class="menu vertical">
        <li><a href="/">Color Chart and Picker</a></li>
		<li><a href="/colors-from-image/">Colors from Image</a></li>
        <li><a href="/color-names/">Color Names</a></li>
      </ul>
    </div>

    <div class="small-12 medium-6 columns">
      <p class="lead">ABOUT</p>
      <ul class="menu vertical">
        <li><a href="/contact/">Contact me</a></li>
        <li><a href="/privacypolicy/">Privacy Policy</a></li>
        <li><a href="/sitemap/">Sitemap</a></li>
      </ul>
    </div>

  </div>

  <div class="row">
	   <div class="small-centered medium-centered large-centered columns" style="font-size:small">COPYRIGHT 2017. ALL RIGHTS ARE RESERVED.</div>
  </div>
</footer>

<script src="/static/jquery.min.js"></script>
<script src="/static/foundation.min.js"></script>
<script>
  $(document).foundation();
</script>
</body>
</html>